@layout("/common/_tree_container.html",{plugins:["ztree"],js:["/assets/modular/rw/images/imagesIndex.js"]}){
<style>
    #imageShowList{ margin-top:20px;}
    #imageShowList .img-box{ padding:10px 5px;}
    #imageShowList .img-content{ text-align: center; height: 150px; cursor:pointer;}
    #imageShowList .img-content img{ max-width: 100%; max-height:100%;}
    .img-con{ border:1px solid #ccc; padding:10px; border-radius: 3px;}
    .img-con:hover{ border-color: #0f74a8;}
    .fileOrgname{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; color: #666; font-size: 12px;}
    .img-btn::after{ content:""; display: block; clear:both;}
    .img-btn button{ float: right; margin-left:10px;}
    .fileSize{ float: left; color: #666; font-size: 12px;}
    #pageList{ text-align: center;}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">图片管理</span>
</div>

<div id="myContiner" style="height: 100%">

    <div class="ui-layout-center">
        <div class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form toolbar">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <input id="fileOrgname" class="layui-input" type="text" placeholder="原名称"/>
                                    </div>
                                    <div class="layui-inline">
                                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                        <button id="btnReset" class="layui-btn icon-btn"><i class="layui-icon">&#xe9aa;</i>重置</button>
                                        @if(shiro.hasPermission("/images/add")){
                                        <button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>上传</button>
                                        @}
                                        @if(shiro.hasPermission("/images/delete")){
                                            <input type="hidden" id="images_delete" value="1">
                                        @}
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row">
                                <div id="imageShowList"></div>
                            </div>
                            <div id="pageList"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@}